<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
</head>
<body style="background: #f2f2f2;">
    <!-- margin: 0 auto 居中第一个div(居中的前提是元素有宽度) -->
    <!-- 内边距：padding -->
    <!-- 外边距：margin -->
    <!-- margin-top:上外边距 -->
    <!-- margin-left:左外边距 -->
    <!-- margin-right:右外边距 -->
    <!-- margin-bottom:下外边距 -->
    
    
    <!-- padding-top:上外边距 -->
    <!-- padding-left:左外边距 -->
    <!-- padding-right:右外边距 -->
    <!-- padding-bottom:下外边距 -->
    <div style="width: 340px;height: 340px; background:pink;margin: 0 auto;padding:20px ;"align='center'>
        <br>
        <br>
        <br>
        <img src="./9_03.png" alt="tip">
            <h4 align='center'; style="margin: 0px;padding: 0px;">在线课程 &nbsp;  &nbsp;</h4>
        <p align='left'>
            <span style="color:gray;" align='center'>涵盖云、AI、大数据、IOT等领域，轻松</span>  <br> 
            <span style="color:gray;" align='left' >又高效的只是学习</span>
        </p>

    </div>
</body>
</html>